﻿<!DOCTYPE html>
<html lang="en" window-frame="solid" window-icon="./view/icon/server-favicon.ico"></html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body role="window-caption">
	<div id="box">
		<div class="head">
			<div class="title">
				服务器列表
			</div>
		</div>
		<div class="exit">
                <a href="./index.html">返回</a> 
            </div>
			<div class="detailsbox ">
			 	<button id="addserver" class="layui-btn">添加服务器</button>
			    <div style=" overflow-y:auto; overflow-x:auto; width:98%; height:500px;margin-left: 1%; ">
					<table class="layui-table" style="margin-top:20px">
			            <colgroup>
			                <col>
			            </colgroup>
			            <thead>
			                <tr>
			                    <th>服务器IP</th>
			                    <th>创建日期</th>
			                </tr>
			            </thead>
			            <tbody>
			            	<tr>
			                	<td> 服务器IP1 </td>
			                	<td> 创建日期1 </td>
			                </tr>
			                <tr>
			                	<td> 服务器IP2 </td>
			                	<td> 创建日期2 </td>
			                </tr>
			            </tbody>
			        </table>
				</div>
		</div>
		<!-- 模态框 -->
	</div>
	<script type="text/tiscript">
		 self.ready = function() {
		 	$(#addserver).on("click", function() {
				view.dialog({
					//加载到对话框中的URL，可加载本地文件
					url: "./view/addservermode.html",
					//对话框的x，y坐标
					x: 200,
					y: 200,
					//窗口的宽度，高度
					width: 830,
					height: 650,
					//是否是客户区，如果为真，那么x，y，width，height作为客户区坐标，而不是窗口
					client: false,
					//对话框参数
					parameters: {"test":"test"},
					//对话框标题
					caption: "新对话框",
					//相对于屏幕窗口对齐
					alignment: 1,
				});
        	});	
		}
	</script>
	</body>
</html>